<template>
    <div class="dashboard">Dashboard</div>
    <div class="info-collection">
        <Views
            title="前台访问量"
            times="1200"
            :WeekPercent="12"
            :DayPercent="-5"
            AveragePerDay="1w"
        ></Views>
        <Views
            title="接口请求次数"
            times="12w"
            :WeekPercent="5"
            :DayPercent="-1"
            AveragePerDay="1w"
        ></Views>
        <Views
            title="页面404"
            times="100"
            :WeekPercent="5"
            :DayPercent="-1"
            AveragePerDay="50"
        ></Views>
    </div>
    <AnalysisChart></AnalysisChart>
</template>

<script>
import Views from './Views.vue'
import AnalysisChart from "./AnalysisChart.vue"
export default {
    components: {
        Views,
        AnalysisChart
    },
}
</script>

<style>
.info-collection {
    display: flex;
    justify-content: space-evenly;
    justify-items: center;
    margin-bottom: 20px;
}
.dashboard{
    line-height: 30px;
    text-align: left;
    margin-bottom: 20px;
}
</style>